$(function() {
    var form = layui.form
    var layer = layui.layer

    form.verify({
        nickname: function(value) {
            if (value.length > 6) {
                return '昵称长度必须在 1 ~ 6 个字符之间！'
            }
        }
    })
    userInfo()

    function userInfo() {
        // 如何把表单里面的值与接口一一对应，form表单需要lay-filter="formUserInfo"，然后通过
        // form.val('formUserInfo', res.data)
        $.ajax({
            type: "GET",
            url: "/my/userinfo",
            success: function(res) {
                if (res.status !== 0) {
                    return layer.msg('获取信息失败')
                }
                form.val('formUserInfo', res.data)

            }

        });
    }
    $('#btnReset').on('click', function(e) {
        e.preventDefault()
        userInfo()

    });
    // 监听表单的提交事件,阻止默认行为，
    $('.layui-form').on('submit', function(e) {
        e.preventDefault();
        layer.confirm('确定修改吗?', { icon: 3, title: '提示' }, function(index) {
            $.ajax({
                type: "POST",
                url: "/my/userinfo",
                data: $('.layui-form').serialize(),
                success: function(res) {
                    console.log(res.data);
                    if (res.status !== 0) {
                        return layer.msg('更新用户信息失败！')
                    }
                    return layer.msg('修改成功')
                        // 调用父页面中的方法，重新渲染用户的头像和用户的信息
                        // 注意：<iframe> 中的子页面，如果想要调用父页面中的方法，使用 window.parent 即可
                    window.parent.getUserInfo()
                }
            });
            layer.close(index);
        });

    })
})